<template>
    <el-row>
        <el-col>
            <el-menu :default-active="$route.meta[0].url+'/'+$route.meta[1].url" :router="routerMode" class="el-menu-vertical-demo full-height"
                background-color="#304156" text-color="#bfcbd9" active-text-color="#FF8A00" @select="handleSelect">
                <slot name="trademark" />
                <slot name="router" />
            </el-menu>
        </el-col>
    </el-row>
</template>

<script>
    export default {
        data() {
            return {
                routerMode: true,
                activeIndex: '',
            };
        },
        watch: {
            $route() {}
        },
        methods: {
            handleSelect(index) {
                this.activeIndex = index;
            }
        }
    };
</script>

<style scoped>
    .full-height {
        height: 100vh;
    }

    .el-menu {
        overflow: hidden;
        overflow-y: auto;
		background-color: rgb(48, 65, 86);
    }
</style>
